/*
 * @Author: zyk 997610780@qq.com
 * @Date: 2022-10-20 14:12:24
 * @LastEditors: zyk 997610780@qq.com
 * @LastEditTime: 2022-10-20 16:21:59
 * @FilePath: \fifty-small-projects\45移动导航栏\45.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
let menu_btn = document.querySelector('.menu')
let close_btn = document.querySelector('.close')
let sidebar_box = document.querySelector('.sidebar')
menu_btn.addEventListener('click',showSidebar)
close_btn.addEventListener('click',hideSidebar)
function showSidebar(){
  sidebar_box.classList.remove('hide')
  sidebar_box.classList.add('show')
}

function hideSidebar(){
  sidebar_box.classList.remove('show')
  sidebar_box.classList.add('hide')
}
